﻿<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<title>后台管理系统</title>
		<link href="static/css/style.default.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="static/css/common.css" />
		<script src="static/js/jquery-1.11.1.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
  <script src="static/js/html5shiv.js"></script>
  <script src="static/js/respond.min.js"></script>
  <![endif]-->
	</head>

	<body>
		<section>
			<div class="leftpanel">
				<div class="logopanel">
					<h1><span>[</span> logo <span>]</span></h1>
				</div>
				<!-- logopanel -->
				<div class="leftpanelinner">
					<ul class="nav nav-pills nav-stacked nav-bracket">
						<li class="active">
							<a href="javascript:void(0)"><i class="fa fa-home"></i> <span>运营总控平台</span></a>
						</li>
						<li class="nav-parent">
							<a href="javascript:void(0)"><i class="fa fa-edit"></i> <span>机构管理</span></a>
							<ul class="children">
								<li>
									<a href="javascript:void(0)"><i class="fa fa-caret-right"></i>新增机构</a>
								</li>
								<li>
									<a href="javascript:void(0)"><i class="fa fa-caret-right"></i>新增教室</a>
									<ul class="children-three">
										<li>
											<a href="javascript:void(0)">屏幕注册</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:void(0)"><i class="fa fa-caret-right"></i>设置管理员</a>
								</li>
								<li>
									<a href="javascript:void(0)"><i class="fa fa-caret-right"></i>应用配置</a>
								</li>
							</ul>
						</li>
						<li class="nav-parent">
							<a href="javascript:void(0)"><i class="fa fa-suitcase"></i> <span>应用版本管理</span></a>
							<ul class="children">
								<li>
									<a href="javascript:void(0)"><i class="fa fa-caret-right"></i> 添加</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- leftpanelinner -->
			</div>
			<!-- leftpanel -->
			<!-- rightpanel -->
			<div class="mainpanel">
				<div class="headerbar" style="border:0;">
					<div class="header-right">
						<ul class="headermenu">
							<li>
								<div class="btn-group">
									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		                        <img src="" alt="">张三
		                    </button>
									<ul class="dropdown-menu dropdown-menu-usermenu pull-right">
										<li>
											<a href="gain">
												<i class="glyphicon glyphicon-star"></i>
												<span>退出</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
					<!-- header-right -->
				</div>
				<!-- headerbar -->

				<!--  以上公共  -->
				<script type="text/javascript" src="static/js/index.js"></script>
				<div class="pageheader">
					<h2><i class="fa fa-home"></i> 机构管理 </h2>
					<div class="breadcrumb-wrapper">
						<span class="label">当前位置:</span>
						<ol class="breadcrumb">
							<li>
								<a href="">首页</a>
							</li>
							<li>
								<a href="">机构管理</a>
							</li>
							<li>
								<a href="">新增机构</a>
							</li>
						</ol>
					</div>
				</div>

				<div id="content">
					<div class="contentpanel">
						<div class="tab-content">
							<div id="all" class="tab-pane active">
								<div class="col-sm-2">
									<div class="input-group mb15">
										<input type="text" name="select3" class="form-control" placeholder="请输入机构名称关键字" style="width:180px">
										<span class="input-group-btn">
	                    <button style="height:40px;" type="submit" id="sele_time" class="btn btn-info">搜索</button>
	                  </span>
									</div>
								</div>
								<div class="" style="float:right;padding-right: 0;">
									<div class="input-group mb15">
										<span class="">
	                    <a href="javascript:;" class="btn btn-primary add-organization" style="float:right;margin:0 0 0 0;">添加</a>
	                  </span>
									</div>
								</div>
								<br>
								<br>
								<div class="table-responsive">
									<table id="table_bug_report" class="table table-striped table-bordered table-hover organization-list">
										<thead>
											<tr>
												<th>机构管理</th>
												<th>机构用户</th>
												<th>机构课程</th>
												<th>开通时间</th>
												<th>教室数</th>
												<th>状态</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>tt</td>
												<td>张三</td>
												<td>语文</td>
												<td>2017-6-9</td>
												<td>3</td>
												<td>锁定</td>
												<td>
													<div class="btn-group">
														<a data-toggle="dropdown" class="dropdown-toggle">
															<i class="fa fa-cog"></i>
														</a>
														<ul role="menu" class="dropdown-menu pull-right">
															<li>
																<a href="">
																	修改
																</a>
															</li>
															<li>
																<a href="#" class="dl" delete_org_id="">删除</a>
															</li>
															<li>
																<a href="">锁定</a>
															</li>
															<li>
																<a class="classroom-show" href="javascript:;">教室</a>
															</li>
															<li>
																<a href="">配置</a>
															</li>
															<li>
																<a class="classroom-add-admin href="">管理员</a>
															</li>
														</ul>
													</div>
												</td>
											</tr>
											<tr class="organization-classroom">
												<td>tt教室</td>
												<td>
													<ul>
														<li>地理位置：海淀区</li>
							        					<li>承载设备:200人</li>
							        					<li>主要设备:大屏*3</li>
													</ul>
												</td>
												<td>语文</td>
												<td>2017-6-9</td>
												<td>3</td>
												<td>锁定</td>
												<td>
													<div class="btn-group">
														<a data-toggle="dropdown" class="dropdown-toggle">
															<i class="fa fa-cog"></i>
														</a>
														<ul role="menu" class="dropdown-menu pull-right">
															<li>
																<a href="">新增</a>
															</li>
															<li>
																<a href="">扩容</a>
															</li>
															<li>
																<a href="">老化</a>
															</li>
														</ul>
													</div>
												</td>
											</tr>
										</tbody>
										<tbody>
											<tr>
												<td>tt</td>
												<td>张三</td>
												<td>语文</td>
												<td>2017-6-9</td>
												<td>3</td>
												<td>锁定</td>
												<td>
													<div class="btn-group">
														<a data-toggle="dropdown" class="dropdown-toggle">
															<i class="fa fa-cog"></i>
														</a>
														<ul role="menu" class="dropdown-menu pull-right">
															<li>
																<a href="">
																	修改
																</a>
															</li>
															<li>
																<a href="#" class="dl">删除</a>
															</li>
															<li>
																<a href="">锁定</a>
															</li>
															<li>
																<a class="classroom-show" href="javascript:;">教室</a>
															</li>
															<li>
																<a href="">配置</a>
															</li>
															<li>
																<a class="classroom-add-admin>管理员</a>
															</li>
														</ul>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<!-- table-responsive -->
								<div class="pagination pull-right">

									<ul class="pagination pagination-split nomargin fudong">
										<li class="disabled">
											<a href="#">«</a>
										</li>

										<li class="active">
											<a href="">1</a>
										</li>

										<li class="disabled">
											<a href="#">»</a>
										</li>
									</ul>

								</div>
							</div>
							<!-- tab-pane -->
						</div>
						<!-- tab-content -->
					</div>
					<!-- contentpanel -->
				</div>

				<!-- 浮动框 -->
				<div class="alert-ccc"></div>
				<div class="alert-box organ-admin">
					<h4 class="alert-tit">管理员列表</h4>
					<div class="alert-box-main">
						<ul class="admin-list">
							<li>张三<span>删除</span></li>
							<li>张三<span>删除</span></li>
							<li>张三<span>删除</span></li>
							<li>张三<span>删除</span></li>
						</ul>
						<p class="add-admin">
							<input class="add-admin-text" type="text" placeholder="请输入新增讲师姓名" />
							<input class="add-admin-btn" type="button" value="新增" />
						</p>
						<div class="alert-btn">
							<input class="btn btn-primary argan-admin-yes" type="button" value="确定" />
							<input class="alert-btn-no argan-admin-no" type="button" value="取消" />
						</div>
					</div>
				</div>

				<div class="alert-box add-organization-box">
					<h4 class="alert-tit">新增机构</h4>
					<div class="alert-box-main">
						<p class="add-organ-p"><span>机构名称：</span><input class="organization-name" type="text" placeholder="请输入新增机构名称" /></p>
						<p class="add-organ-p"><span>服务地址：</span><input class="organization-address" type="text" placeholder="请输入服务地址" /></p>
						<div class="alert-btn">
							<input class="btn btn-primary add-organ-yes" type="button" value="确定" />
							<input class="alert-btn-no add-organ-no" type="button" value="取消" />
						</div>
					</div>
				</div>

				<div class="alert-box modification-organization-box">
					<h4 class="alert-tit">修改</h4>
					<div class="alert-box-main">
						<p class="add-organ-p"><span>机构名称：</span><input class="organization-name" type="text" placeholder="请输入新增机构名称" /></p>
						<p class="add-organ-p"><span>服务地址：</span><input class="organization-address" type="text" placeholder="请输入服务地址" /></p>
						<div class="alert-btn">
							<input class="btn btn-primary modification-organ-yes" type="button" value="确定" />
							<input class="alert-btn-no modification-organ-no" type="button" value="取消" />
						</div>
					</div>
				</div>

				<!--   以下公共    -->
			</div>
		</section>
		<!--<div class="alert-ccc"></div>-->
		<script src="static/js/bootstrap.min.js"></script>
		<script src="static/js/jquery-migrate-1.2.1.min.js"></script>
		<script src="static/js/custom.js"></script>

	</body>

</html>